DOM

• 瀏覽器在載入頁面時，即會解析讀取的 HTML 檔案，針對每個元素建立起對應元素物件，進而產生完整的 DOM 樹狀結構， Javascript 便是透過 DOM 來與 HTML 做連結互動。( 可將 DOM 視為瀏覽器的 API )
• Javascript 可利用 Document 物件提供的屬性及方法來存取或修改 DOM 。
• DOM 中除了 HTML 元素之外，亦包含了頁面的文字內容。
• 每個元素皆為獨立的物件，可以透過 innerHTML 屬性來讀取或變更其包含的內容。
• 若通過 Document 物件方法所選取的 DOM 元素物件不存在，方法會回傳 null 值。
• 元素物件預設的 setAttribute 方法，可用於添加屬性或變更屬性的值。( 例：添加 class 或 id )
• 元素物件預設的 getAttribute 方法，可用於取得屬性的值。

資料型別

• 資料型別可分成兩類：基本資料型別( primitive type )及物件( object )。
• null 用來代表一個預設應該取得物件，但未取得的情況。( typeof 值：object )
• undefined 用來代表一個未被賦值定義的情況。 ( typeof 值：undefined )
• NaN 用來表示運算無法表示正常結果，若要判斷是否為 NaN 需利用 isNaN 函式。( typeof 值：number )
• 運用 == 、 != 、 >= 、 <= 、 > 、 < 可用於比較不同資料型別， Javascript會自動做型別轉換。
  ( === 、 !== 適用於比較相同資料型別 )
• boolean 值、字串與數字比較時，會被轉換成數字型別。
  ( 轉換範例："1" = 1 、 "a" = NaN 、 "" = 0 、 true = 1 、 false = 0 )
• boolean 值與字串比較時，boolean 值會先被轉換成數字型別，再把字串同樣轉換成數字型別。
• null 與 undefined 比較時，結果會是相等。
• 數字 + 字串 的結果會變成 字串 + 字串 。( 例：55 + "66" = "5566" )
• Javascript 中有5個 falsey 值： undefined 、 null 、 0 、 "" 、 NaN 。
  (除了 true 、 false 、falsey 之外都是 truthy 值)
• 若對基本資料型別使用其預設物件的屬性或方法，Javascript會將其暫時轉換成物件，再轉換為原基本資料型別。( 例：var name = "vic" ; name.length 、 name.split 、 name.toUpperCase..... )